<style type="text/css"> 
#panel { 
 position: fixed; 
 width: 100%; 
 height: 42px; 
 background: #555; 
} 

#panel input { 
 margin-top: 10px; 
 border: 1px solid #555; 
 background: #FFF; 
} 

#panel a { 
 font: normal normal bold 11px/13.2px Tahoma; 
 margin-top: 10px; 
 color: #FFF; 
} 

#panel a:hover { 
 text-decoration: underline; 
} 
</style> 
<div id="panel" align="center"> 
 <input type="text" id="user" /> 
 <input type="password" id="password" /> 
 <input type="button" id="sbm" value="" /> 
 <a href="javascript://" onclick="new _uWnd('Prm',' ',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;"> 
   
 </a> 
 | 
 <a href="/index/3" target="_blank"> 
  
 </a> 

 
<span id="status"></span> 
</div> 
<script type="text/javascript"> 
var scrollable = true; 
$(window).scroll(function () { 
 $('#panel:animated').stop(); 
 if ($(document).scrollTop() > 0 && scrollable) { 
 $('#panel').animate({ 
 opacity: 0.3 
 }, 
 1000), 
 scrollable = false; 
 } else { 
 $('#panel').animate({ 
 opacity: 1 
 }, 
 1000), 
 scrollable = true; 
 } 
}); 
$('#sbm').click(function () { 
 $('#status').html('<b style="color: gray;"> </b>'); 
 $.post('/index/sub', { 
 user: $('#user').val(), 
 password: $('#password').val(), 
 remlogin: 1, 
 a: 2, 
 ajax: 1 
 }, 
 function (a) { 
 $('#status').html($(a).text().indexOf('ad=window.location') != -1 ? '<b style="color: green;">  </b>' : '<b style="color: red;"> </b>'); 
 }); 
}); 
</script>